@import "../const.scss";

.dialog-central {
  height: 100%;

  .m-modal {
    padding: $md-gutter;

    .m-content {
      padding: 0 $md-gutter;

      .progress-container {
        height: 2rem;
        display: flex;
        align-items: center;
        .p-bar {
          margin: 0 0 $sm-gutter $sm-gutter;
          height: 1rem;
        }
      }

      .form-inline {
        display: flex;
        height: auto;
        align-items: flex-end;
        width: 100%;
        h3 {
          margin-bottom: $md-gutter;
        }
        .form-group:not(:last-child) {
          padding-right: $md-gutter;
        }
        margin-bottom: $lg-gutter;
      }

      .form-group {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
      }

      input {
        width: 280px;
      }

      label {
        margin-left: 0 !important;
        color: $app-clr-yellow-1;
      }

      .btn-bar {
        button {
          color: $app-clr-4;
        }

        .active {
          color: white;
          text-decoration: underline;
        }
      }

      .error {
        color: $app-clr-red-1;
      }
    }
  }
}

.button-spinner {
  display: flex;
  align-items: center;
  > div {
    margin-left: $sm-gutter;
  }
}
